<!DOCTYPE html>
<html>
  <head>
    <title>User Details</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS styles for the page */
      body {
        font-family: Arial, sans-serif;
        background-color: #f2f2f2;
      }
      .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
      h1 {
        text-align: center;
        margin-top: 0px;
      }
      .profile-picture {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        object-fit: cover;
        object-position: center;
        margin-bottom: 20px;
      }
      table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
      }
      th, td {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid #ddd;
      }
      th {
        background-color: #f2f2f2;
      }
    </style>
  </head>
  <body>
    <div class="container" id="duyi">
      <h1>用户详情</h1>
      <img src="../新闻发布系统后端/images/guochang.gif" alt="Profile Picture" width="1200px" height="200px" >
      <table>
        <tr>
          <th>用户名：</th>
          <td>{{user.name}}</td>
        </tr>
        <tr>
          <th>用户账号:</th>
          <td>{{user.account}}</td>
        </tr>
        <tr>
          <th>性别:</th>
          <td v-if="user.sex=0">女</td>
          <td v-else>男</td>
        </tr>
        <tr>
          <th>个人说明:</th>
          <td>{{user.explain}}</td>
        </tr>
        <tr>
          <th>账号状态:</th>
          <td v-if="user.sex=0">禁用</td>
          <td v-else>启用</td>
        </tr>
		<tr>
			<th>身份:</th>
			<td v-if="user.role=0">管理员</td>
          <td v-else>一般用户</td>
		  </tr>
      </table>
    </div>
  </body>
   <!-- 官网提供的 axios 在线地址 -->
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
   <!-- 开发环境版本 -->
   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
   <script type="text/javascript" src="../static/js/jquery-1.11.3.min.js"></script>
   <script type="text/javascript" src="../static/myplugs/js/plugs.js"></script>
   <script src="../static/element-ui/lib/index.js"></script>
   <link rel="stylesheet" href="../static/element-ui/lib/theme-chalk/index.css" charset="utf-8">

</html>
